.page {
	transition: all 0.2s;
	height: 100vh;
	background-color: #f8f8f8;
	
	.bg-color {
		width: 100%;
		height: 708rpx;
		position: fixed;
		transition: all 0.2s;
		opacity: 0.6;
	}
	
	.padidng-box {
		width: 100%;
		padding: 20rpx 32rpx;
		box-sizing: border-box;
		.xz-bx-box {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin: 40rpx 0 0;
			.xz-bx-item {
				width: 326rpx;
				height: 146rpx;
				position: relative;
				.bg {
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
				}
				.contnet-xz-bx {
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
					display: flex;
					align-items: center;
					justify-content: center;
					.txt-xz-bx {
						font-weight: 500;
						font-size: 32rpx;
						color: #ffffff;
						margin-right: 20rpx;
					}
					.img-xz-bx {
						width: 80rpx;
						height: 76rpx;
					}
					.img-xz-bx2 {
						width: 66rpx;
						height: 62rpx;
					}
				}
			}
		}
		.title-comm-box {
			margin-top: 40rpx;
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 26rpx;
	
			.title-text {
				font-weight: 500;
				font-size: 36rpx;
				color: #000000;
				position: relative;
	
				&::after {
					content: '';
					position: absolute;
					left: 0;
					bottom: 0;
					width: 146rpx;
					height: 12rpx;
					background: linear-gradient(90deg, #408efe 0%, rgba(77, 103, 234, 0.5) 62%, rgba(255, 255, 255, 0) 100%);
				}
			}
	
			.btn {
				font-weight: 400;
				font-size: 26rpx;
				color: #B8B8B8;
			}
		}
	
		.case-list-box {
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			margin-bottom: 22rpx;
			position: relative;
	
			
	
			.case-list-item {
				position: relative;
				width: 329rpx;
				margin-bottom: 26rpx;
	
				.icon-box {
					position: absolute;
					z-index: 1;
					top: 60rpx;
					left: 50%;
					transform: translate(-50%, 0);
					background-color: rgba(0, 0, 0, 0.6);
					width: 80rpx;
					height: 80rpx;
					display: flex;
					align-items: center;
					justify-content: center;
					border-radius: 50%;
				}
	
				.case-list-image {
					width: 100%;
					height: 220rpx;
					border-radius: 16rpx;
				}
	
				&:nth-child(odd) {
					margin-right: 28rpx;
				}
	
				.case-list-item-title {
					font-weight: 500;
					font-size: 28rpx;
					color: #000000;
					margin-top: 12rpx;
					max-width: 100%;
				}
			}
		}
	
		.rich-text {
			width: 100%;
		}
	}
	
	
}
